page {
    background-color: #fff;
}
.index {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-start;
}
.index .li2 {
    margin: 70rpx 0 0;
    padding: 0;
    width: 33%;
}
.index .li2,
.index .li2 .i {
    display: inline-block;
    position: relative;
    text-align: center;
}
.index .li2 .i {
    background-color: #ddd;
    border-radius: 70rpx 70rpx 0 70rpx;
    box-sizing: border-box;
    color: #fff;
    font-size: 80rpx;
    height: 120rpx;
    line-height: 120rpx;
    width: 120rpx;
}
.index .li2 .i .span {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: -10rpx;
    color: #ddd;
    font-size: 40rpx;
    line-height: 40rpx;
    position: absolute;
    right: -10rpx;
}
.index .li2 .i .span:before {
    content: '';
}
.index .li2 .h4 {
    color: #ccc;
    font-size: 28rpx;
    margin-top: 18rpx;
    text-align: center;
    width: 100%;
}
.index .ed .i {
    border: 0;
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}
.index .ed .i .span {
    color: #333;
}
.index .ed .i .span:before {
    color: #13ca87;
    content: '';
}
.index .ed .h4 {
    color: #333;
}
.index .li2 .h5 {
    background-color: #f70;
    border-radius: 20rpx;
    color: #fff;
    display: block;
    font-size: 24rpx;
    height: 32rpx;
    line-height: 32rpx;
    position: absolute;
    right: -webkit-calc(50% - 44rpx);
    top: 0;
    width: 88rpx;
}
.my_cert {
    margin: 150rpx auto 180rpx;
    width: 86%;
}
.my_cert .h1 {
    height: 60rpx;
    line-height: 60rpx;
    margin: 0 auto 100rpx;
    text-align: center;
}
.my_cert .h1 .font,
.my_cert .h1 .span {
    display: inline-block;
    vertical-align: middle;
}
.my_cert .h1 .title {
    display: block;
    font-size: 60rpx;
}
.my_cert .h1 .font {
    color: #999;
    font-size: 28rpx;
    line-height: 40rpx;
    margin: 10rpx 0 0 20rpx;
}
.my_cert .h1 .flagstr {
    background-color: #f70;
    border-radius: 20rpx 0 20rpx 20rpx;
    color: #fff;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 10rpx 0 0 20rpx;
    text-align: center;
    width: 100rpx;
}
.my_cert .h1 .LV {
    background-color: #3eb94e;
}
.my_cert .h1 .HUI {
    background-color: #aaa;
}
.my_cert .dl {
    border-bottom: 1px solid #f5f5f5;
    height: 100rpx;
    line-height: 100rpx;
    margin: 40rpx auto;
    overflow: hidden;
    text-align: left;
    width: 85%;
}
.my_cert .dl:first-child {
    margin: 50rpx auto;
}
.my_cert .dl .dt {
    float: left;
    width: 12%;
}
.my_cert .dl .dd {
    float: left;
    position: relative;
    width: 88%;
}
.my_cert .dl .dt .i {
    color: #aaa;
    display: inline-block;
    font-size: 40rpx;
    height: 48rpx;
    line-height: 48rpx;
    margin-top: 26rpx;
    width: 100%;
}
.my_cert .dl .dd .span {
    color: #ccc;
    font-size: 52rpx;
    position: absolute;
    right: 16rpx;
    top: 4rpx;
}
.my_cert #reset_rz {
    display: none;
    font-size: 40rpx;
    right: 22rpx;
}
.my_cert .dl .dd .input_login {
    border: 0;
    box-sizing: border-box;
    font-size: 36rpx;
    height: 48rpx;
    line-height: 48rpx;
    margin: 26rpx 0 0;
    padding: 0;
    width: 100%;
}
.placeholder {
    color: #aaa;
    font-size: 28rpx;
}
.my_cert .btn {
    -webkit-appearance: none;
    border-radius: 64rpx;
    display: block;
    margin: 80rpx auto;
}
.my_cert .hui {
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.my_cert .yzmbtn {
    background-color: #fff;
    border: 0;
    display: block;
    font-size: 28rpx;
    line-height: 48rpx;
    padding-left: 30rpx;
    position: absolute;
    right: 30rpx;
    top: 26rpx;
    z-index: 2;
}
.my_cert .yzmbtn .font,
.my_cert .yzmbtn .red {
    color: red;
}
.my_cert .tips {
    color: #666;
    font-size: 28rpx;
    line-height: 180%;
    margin: 30rpx auto;
    padding-bottom: 100rpx;
    text-align: left;
    width: 85%;
}
.my_cert .btn5 {
    margin-bottom: 30rpx;
    margin-top: 70rpx;
    width: 85%;
}
.my_cert .linebox {
    margin: 50rpx auto 0;
    width: 85%;
}
.my_cert_ed {
    margin: 180rpx auto;
    width: 80%;
}
.my_cert_ed .ico {
    color: #0cbb73;
    font-size: 128rpx;
    margin: 40rpx auto 20rpx;
}
.my_cert_ed .h1 {
    font-size: 36rpx;
    margin-bottom: 20rpx;
}
.my_cert_ed .rztime_str {
    font-size: 28rpx;
}
.mob3box {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.mob3box .bg {
    left: 0;
    min-height: 1068rpx;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.mob3box .form {
    background-color: hsla(0, 0%, 100%, 0.8);
    border: 0 solid #d2eedd;
    border-radius: 24rpx;
    display: block;
    left: 5%;
    position: absolute;
    top: 380rpx;
    width: 90%;
    z-index: 2;
}
.mob3box .form .tips view {
    margin-bottom: 30rpx;
}
.mob3box .input_login {
    background-color: #fff;
    font-size: 36rpx;
}
.mob3box .btn5 {
    margin: 20rpx auto 40rpx;
}
.mob3box .sm {
    background-color: #083bb1;
}
.mob3box .dl {
    font-size: 32rpx;
    margin: 20rpx auto;
    width: 85%;
}
.mob3box .dl:first-child {
    margin: 40rpx auto 20rpx;
}
.mob3box .dl .dt {
    width: 30%;
}
.mob3box .dl .dd {
    width: 70%;
}
.mob3box .dl .dd .font18,
.mob3box .dl .dd .font18lv {
    font-size: 36rpx;
}
.mob3box .dl .dd .font18lv {
    color: #0cbb73;
}
.mob3box .price_str {
    color: #999;
    font-size: 24rpx;
    margin: 30rpx auto 50rpx;
}
.mob3box .price_str rich-text {
    display: inline-block;
}
.photobox .rl {
    background-color: #023567;
}
.my_cert .certbox,
.my_cert .sfzbox {
    clear: both;
    margin: 50rpx auto;
    overflow: auto;
}
.my_cert .sfzbox .div {
    float: left;
    width: 50%;
}
.my_cert .sfzbox .div image {
    display: block;
    height: 24vw;
    margin: 0 auto;
    width: 80%;
}
.my_cert .sfzbox .div:first-child image {
    padding-left: 40rpx;
}
.my_cert .sfzbox .div:last-child image {
    padding-right: 40rpx;
}
.my_cert .sfzbox .div .span {
    color: #999;
    display: block;
    margin: 20rpx auto;
    text-align: center;
}
.my_cert .certbox image {
    display: block;
    height: 400rpx;
    margin: 0 auto;
    width: 80%;
}
.my_cert .certbox .span {
    color: #999;
    display: block;
    font-size: 28rpx;
    margin: 20rpx auto;
    text-align: center;
}
.my_cert .btn5else {
    margin: 20rpx auto;
}
.my_cert_store {
    background-color: #f8f8f8;
    border-radius: 24rpx;
    box-sizing: border-box;
    margin: 100rpx auto 60rpx;
    padding: 60rpx 40rpx 40rpx;
    width: 96%;
}
.my_cert_store .big {
    border-radius: 100rpx;
    color: #fff;
    font-size: 120rpx;
    height: 200rpx;
    line-height: 200rpx;
    width: 200rpx;
}
.my_cert_store .h5 {
    color: #999;
    font-size: 28rpx;
    line-height: 180%;
    margin: 20rpx auto 0;
}
.my_cert_store .h5 .b {
    color: #333;
    font-weight: 400;
    margin-top: 40rpx;
}
.div_box .kf_wxpic {
    border: 1px solid #f5f5f5;
    height: 360rpx;
    margin: 100rpx auto 30rpx;
    padding: 10rpx;
    width: 360rpx;
}
.div_box .kf_wxpic image {
    height: 100%;
    width: 100%;
}
.div_box .kf_text {
    font-size: 28rpx;
    line-height: 150%;
}
.wxrz .kf_wxpic {
    height: 320rpx;
    margin: 60rpx auto 14rpx;
    width: 320rpx;
}
.wxrz .kf_text {
    font-size: 30rpx;
}
.wxrz .t1 {
    color: #999;
    font-size: 28rpx;
    margin-bottom: 10rpx;
}
.wxrz .t2 {
    display: inline-block;
    margin: 20rpx auto 0;
    width: 85%;
}
.wxrz .t2 text {
    color: #459ae9;
}
.wxrz .btn44 {
    margin-top: 40rpx;
    width: 80%;
}
